@import "_base.scss";
.register-h,.register-b,.register-f {
	padding: 0 rem(70);
	width: rem(610);
}
.footer-tips{
	line-height: rem(50);
	font-size: rem(28);
	color: $c9;
}
.register-h{
	margin: rem(80) auto;
	h3{
		line-height: rem(50);
		font-size: rem(42);
	}
	p{
		margin-top: rem(20);
		line-height: rem(50);
		font-size: rem(36);
		color: $c9;
	}
}
.register-b{
	.r-list{
		height: rem(54);
		margin-top: rem(40);
		border-bottom: 1px $border solid;
		line-height: rem(54);
		span{
			width: rem(180);
			font-size: rem(36);
			color: $c6;
		}
		.input{
			width: rem(430);
			height: rem(54);
			font-size: rem(28);
			color: $c9;
		}
	}
}
.captcha{
	right: 0;
	width: rem(210);
	height: rem(40);
	overflow: hidden;
	font-size: rem(22);
	color: white;
	line-height: rem(40);
	background: $btn1;
	@include radius(rem(4));
}
#getRegisterCaptcha{
	color: white;
}
.voice-captcha{
	margin-top: rem(10);
	margin-bottom: rem(64);
	padding: 0 rem(70);
	.voice-captcha-btn{
		height: rem(40);
		padding-left: rem(58);
		@include bg('../images/voice-captcha-icon.png',rem(53),rem(36))
	}
	p{
		text-align: right;
		font-size: rem(24);
	}
}
.register-f{
	.agreement-box{
		line-height: rem(36);
		span{
			width: rem(30);
			height: rem(30);
			overflow: hidden;
			margin-right: rem(10);
			border: 1px $r8 solid;
			@include radius(50%);
			&.current{
				background: $r8;
			}
		}
		p{
			font-size: rem(26);
			a{
				color: $r8;
			}
		}
	}
}
#register{
	width: rem(610);
	height: rem(80);
	overflow: hidden;
	margin: rem(20) auto;
	font-size: rem(36);
	color: white;
	background: $btn1;
	@include radius(rem(8));
}
.welcome{
	line-height: rem(260);
	font-size: rem(62);
}
.login-pointer{
	margin: 0 rem(50);
	border-bottom: 1px $border solid;
	li{
		width: 50%;
		height: rem(76);
		font-size: rem(38);
		color: $c9;
		&.current{
			color: $btn1;
			&:after{
				content: "";
				display: block;
				position: absolute;
				bottom: 0;
				left: 50%;
				width: rem(120);
				height: rem(6);
				overflow: hidden;
				margin-left: rem(-60);
				background: $btn1;
				@include radius(rem(3));
			}
		}
	}
}
.login-box{
	margin: 0 rem(70);
	.login-way{
		padding-top: rem(4);
		li{
			width: rem(610);
		}
		.text{
			height: rem(98);
			margin-top: rem(40);
			line-height: rem(98);
			background: #eeeeee;
			@include radius(rem(6));
			span{
				width: rem(170);
				text-align: right;
				font-size: rem(38);
				color: $c6;
			}
			.input{
				width: rem(410);
				height: rem(98);
				overflow: hidden;
				line-height: rem(98);
				font-size: rem(32);
			}
			.login-captcha{
				top: rem(14);
				right: 0;
				width: rem(160);
				height: rem(70);
				overflow: hidden;
				line-height: rem(70);
				font-size: rem(24);
				color: white;
				background: $btn1;
				@include radius(rem(6));
			}
			&.login-captcha-box{
				.input{
					width: rem(250);
				}
			}
		}
		.link{
			height: rem(70);
			line-height: rem(70);
			a{
				font-size: rem(30);
				color: $c6;
			}
		}
		.btn{
			margin-bottom: rem(130);
			input{
				width: rem(610);
				height: rem(80);
				overflow: hidden;
				font-size: rem(36);
				color: white;
				background: $btn1;
				@include radius(rem(8));
			}
		}
	}
}